<template>
	<nav class="home-nav">
		<ul class="home-nav-list">
			<router-link
					v-for="item in navList"
					tag="li"
					:to="item.linkUrl"
					:key="item.id"
			>
				<div class="home-nav-icon">
					<img :src="item.icon" alt="">
				</div>
				<div class="home-nav-title">
					{{item.title}}
				</div>
			</router-link>
		</ul>
	</nav>
</template>

<script>
	export default {
		name: "Nav",
		data() {
			return {
				navList: [
					{
						id: 1,
						title: '签到',
						linkUrl: '/sigin',
						icon: require('@/assets/img/sigin_in.png')
					},
					{
						id: 2,
						title: '礼券',
						linkUrl: '/gift',
						icon: require('@/assets/img/gift.png')
					},
					{
						id: 3,
						title: '砍价',
						linkUrl: '/bargain',
						icon: require('@/assets/img/bargain.png')
					},
					{
						id: 4,
						title: '专栏',
						linkUrl: '/special',
						icon: require('@/assets/img/special.png')
					}
				]
			}
		}
	}
</script>
